<style type="text/css">
    div.rainbowImageSelectorSize {
        width:240px;
        height:60px;
    }
    div#rainbow_image_selector {
        width:240px;
        height:60px;
        background:#ff1493;
        color:white;
        text-align:center;
    }
    div#rainbow_image_selector input[type="file"] {
        font-size:9999px;
        margin:0;
        padding:0;
        opacity:0;
        float:right;
    }
    div#rainbow_image_selector span {
        line-height:60px;
        font-size:20px;
        font-weight:bold;
    }
</style>

<form action="/rainbow/image/save" method="POST" enctype="multipart/form-data">
    <div id="rainbow_image_selector" class="rainbowImageSelectorSize">
        <div class="rainbowImageSelectorSize" style="position:absolute;overflow:hidden;">
            {{ form.rainbow_image_file }}
            {{ form.rainbow_image_progress }}
            {% csrf_token %}
        </div>
        <span>{{ form.rainbow_image_file.label }}</span>
    </div>
</form>
